$(function () {
    $("#uls").children("li").each((index, ele) =>{
        $(`<li class="${index == 0 ? 'current' : ''}"></li>`).appendTo("#ols")
    })
    var timers = setInterval(autoPlay1, 2000);
    var imgIndex = 0;
    function autoPlay1() {
        imgIndex++;
        if (imgIndex == 6) {
            imgIndex = 0;
        }
        $("#uls li").eq(imgIndex).animate({"opacity": 1}, 1000).siblings("li").animate({"opacity": 0}, 1000)
        $("ol li").eq(imgIndex).addClass("current").siblings().removeClass("current");
    }
    $(".banner_eye").hover(
        () =>{
            clearInterval(timers)
        },
        () =>{
            timers = setInterval(autoPlay1, 2000)
        }
    )
    $(".banner_eye").on("click", "#ols li", function(){
        imgIndex = $(this).index() - 1;
        autoPlay1();
    })

    $(".int-nav").children("ul").children("li").hover(function(){
        var $index = $(this).index();
        $("#menuData").css("display","block");
        $("#menuData").children("ul").children("li").eq($index).css("display","list-item").siblings().css("display","none");
        $("#menuData").children("ul").children("li").eq($index).hover(function () {
            $("#menuData").css("display","block");
            $(this).css("display","list-item");
        },function(){
            $("#menuData").css("display","none");
        })
    },function(){
        $("#menuData").css("display","none");
    });

    $("#czt").children(".new_czt_r").children(".new_czt_prev").click(function () {
        $("#new_czt_ul").animate({"left":"0px"},600);
        $(this).css("display","none");
        $(".new_czt_r").children(".new_czt_next").css("display","inline")
    })
    $("#czt").children(".new_czt_r").children(".new_czt_next").click(function () {
        $("#new_czt_ul").animate({"left":"-966px"},600)
        $(this).css("display","none");
        $(".new_czt_r").children(".new_czt_prev").css("display","inline")
    })

    $("#floor1 .main-top-scroll").append($("#floor1 .main-top-scroll").children("li:first").clone(true));
    $("#floor2 .main-top-scroll").append($("#floor2 .main-top-scroll").children("li:first").clone(true));
    $("#floor3 .main-top-scroll").append($("#floor3 .main-top-scroll").children("li:first").clone(true));
    $("#floor4 .main-top-scroll").append($("#floor4 .main-top-scroll").children("li:first").clone(true));
    $("#floor5 .main-top-scroll").append($("#floor5 .main-top-scroll").children("li:first").clone(true));
    $("#floor6 .main-top-scroll").append($("#floor6 .main-top-scroll").children("li:first").clone(true));
    $("#floor7 .main-top-scroll").append($("#floor7 .main-top-scroll").children("li:first").clone(true));
    $("#floor8 .main-top-scroll").append($("#floor8 .main-top-scroll").children("li:first").clone(true));
    //2.创建小点
    for(var i = 0; i < $(".main-top-scroll li").length - 1; i++) {
        var $newLi = $("<li></li>");
        $(".floor_slide ol").append($newLi);
        if(i == 0) {
            $newLi.addClass("current");
        }
    }

    $(".floor_slide").hover(function() {
        clearInterval(timer);
    }, function() {
        timer = setInterval(autoplay, 1800);
    });
    // 给动态的li绑定 委托事件
    $(".floor_slide").on("click", "ol>li", function() {
        num = tip = $(this).index("ol li") - 1;
        autoplay();
    })

    var timer = setInterval(autoplay, 1800);
    var num = 0;
    var tip = 0;

    function autoplay() {
        num++;
        tip++;
        if(num > 3) {
            num = 1;
            $(".main-top-scroll").css({
                "left": 0
            });
        }
        $(".main-top-scroll").animate({
            "left": -num * $(".main-top-scroll li").width()
        }, 800);
        if(tip > 4) {
            tip = 0;
        }
        $(".progress-bar-ol li").eq(tip).addClass("current").siblings().removeClass("current");

    }

    $('.floor_main img').hover(function () {
        $(this).stop().animate({
            'margin-left':'-10px',
            'margin-right':'20px'   //margin-right加了10px，防止p元素移动
        },500);
    },function () {
        $(this).stop().animate({
            'margin-left':'0px',
            'margin-right':'10px'
        },500);
    });
    $(window).scroll(function () {
        ($(window).scrollTop())>=165 ? $("#fileheader").css("display","block") : $("#fileheader").css("display","none");
    })
    $("#navigation").css("display","none");
    $(window).scroll(function () {
        ($(window).scrollTop())>=1176 ? $("#navigation").css("display","block") : $("#navigation").css("display","none");
        if ($(window).scrollTop()>=1176&&$(window).scrollTop()<1690){
            $("#navigation1").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=1690&&$(window).scrollTop()<2204){
            $("#navigation2").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=2204&&$(window).scrollTop()<2718){
            $("#navigation3").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=2718&&$(window).scrollTop()<3232){
            $("#navigation4").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=3232&&$(window).scrollTop()<3746){
            $("#navigation5").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=3746&&$(window).scrollTop()<4260){
            $("#navigation6").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=4260&&$(window).scrollTop()<4774){
            $("#navigation7").addClass("select").siblings().removeClass("select");
        }else if ($(window).scrollTop()>=4774&&$(window).scrollTop()<5288){
            $("#navigation8").addClass("select").siblings().removeClass("select");
        }
    })

})